草庐IT

ionic 浮动框

全部标签

html - ionic2 谷歌地图街景在任何 iPhone 设备上运行时不加载图像

在的src中加载图像时,我没有获得谷歌地图的街景图像ionic2中的标签。它在Android设备上工作正常,但在iPhone上,它给出了错误Failedtoloadresource:theserverrespondedwithastatusof403(Forbidden)代码如下:”/>在上面的代码行中是Apikey。为什么它没有在iPhone设备中显示? 最佳答案 您需要提供来自google的api_key。使用这个网站:https://developers.google.com/maps/documentation/ios-sd

html - ion-item 内的 ion-textarea 在 IONIC 2 上不起作用

我在ion-item中有一个ion-textarea。它显示正常,但是当我按下文本区域时,它会显示和隐藏键盘。而且因为键盘是隐藏的,所以我不能输入任何文字。好像在我触摸屏幕后立即触发了onblur事件。这是我的代码:Comment有什么想法吗? 最佳答案 每当以这种方式使用ion-item时,您经常会遇到这样的错误。在我只是将它们包装在一个div中之前,我对输入发生了同样的事情。Perthedocs-一个项目可以包含文本、图像和任何其他内容。通常它与其他项目放在一个列表中。它可以轻松滑动、删除、重新排序、编辑等。只有在需要通过手势操

javascript - Ionic 2 Refresher 在页面加载时切换 ionic 刷新器

概述:当我的页面加载到Ionic2应用程序中时,我发出网络请求以填充列表。此时此刻,当页面最初加载时,我正在切换一个ionic微调器。这是目前的复习:我想要的行为是删除ionic旋转器组件,并在页面最初加载时启用ionic刷新器。我已经在IonicV1中看到过几个这样的例子,但我似乎无法将其转换为Angular2。问题:有没有办法从我的Controller(*.ts)触发ionic刷新器及其微调器,这样我就可以从我的模板中删除额外的ionic微调器组件? 最佳答案 我实际上发现了一个hack:import{Content,Refre

html - div 背景颜色不适用于向左浮动的输入

我需要以下div具有背景颜色-简单吧。但是,它不能正常工作。我做了一些测试,发现是跨度上的浮子把它搞砸了。那么,我该如何解决这个问题?.days{background-color:#000;}span{display:block;width:200px;float:left;}MondayTuesdayWednesday 最佳答案 当您float元素时,您将它们从文档的正常流中移除,因此,其他非float元素不会为它们腾出空间。您观察到的是您的div不再占据其子元素的全部高度,因为它们是float的。您需要做的就是“清除”或撤消fl

css - HTML CSS div 向左浮动在下面,在 div 向右浮动下方?

我希望有人能帮助我:我有一个左列容器#left-column,带有一个float:left;一些元素(幻灯片、图像、文本)漂浮在右侧。一切都放在主容器中,主容器的宽度值为990px​​;左列为240像素,而右侧所有元素的宽度足以适合右侧(720像素)。这是正在发生的事情的图形:我该怎么做才能解决这个问题?我的猜测是与幻灯片div有关...#main-container{width:990px;margin:8pxauto;}#left-column{width:240px;float:left;}#slideshow{float:right;width:720px;height:300

html - CSS 响应式左右浮动(更改哪个 div 位于顶部)?

我正在处理此页面:http://www.insidemarketblog.com/test-4/你会看到“test”这个词在左边float的div中,图片在右边float的div中。如果调整它的大小,您会看到向左浮动的div在上面,而向右浮动的div在下面。你怎么能颠倒这个顺序呢?这样向左浮动的div就会低于向右浮动的div。我所做的一切似乎都不起作用。HTML:testCSS:.main_header{background:nonerepeatscroll00#2B3443;border:1pxsolid#FFFFFF;height:300px;margin:0auto;overfl

javascript - CSS 多个不同高度的左浮动元素排列在 2 列中

这个问题在这里已经有了答案:CSSFloatingDivsAtVariableHeights[duplicate](10个答案)HowtoCreateGrid/TileView?[duplicate](8个答案)关闭6年前。这是空格的问题:我有多个float:left元素,我需要将它们排列成2列,并且它们都有不同的高度。为了方便起见,我需要图片中的元素3紧跟在元素1之后。当然要保持内边距。我100%使用Plain,比如VainillaCSS和AngularJS。我想避免使用任何JS模块,因为元素几乎是永久加载和重新加载的。最重要的是:100%需要避免使用Jquery。重要更新:不能使用

html - 如何更改 ionic 应用程序中选项卡的颜色?

我希望将选项卡的事件颜色更改为自定义颜色。如果可能的话,我还想更改图标的颜色。目前我所在的标签是正色,其余标签是灰色。对于那些不熟悉ionic但却是css天才的人,ionic有许多默认设置颜色,例如:positive=blue,assertive=red。这是我目前所拥有的:tabs.htmlCSS:.tabs-color-active-positive,.tabs{color:#c49137!important;}我弄乱了CSS代码和声明,但这并没有什么不同。 最佳答案 首先,.tabs没有指向任何东西。因此需要更正或从CSS选择

html - <select> 标签在 ionic 中的某些 android 设备上不起作用

因此,选择框在Android设备(例如galaxys6)上不起作用。我正在使用ionic框架..当我点击选择框时没有任何显示,但如果我在边框处点击它(这非常困难)选项显示。据我所知这是ionic的错误..任何解决方案?提前谢谢你thisisaselectboximageandthisisoptionsmenu{{'ENGLISH'|translate}}{{'GEORGIAN'|translate}}{{'RUSSIAN'|translate}} 最佳答案 尝试将data-tap-disabled属性应用于select标签。Here

html - ionic 2 : Hide scroll-bar and keep scrolling

我只想在需要滚动的页面中隐藏滚动条。我正在使用Ionic2我的不工作解决方案:.scroll-content-bar{overflow:hidden;}此解决方案隐藏滚动条但使屏幕不可滚动。 最佳答案 首先,改变浏览器的自然行为和预期的用户体验是一个冒险的举动。但是,如果您仍然真的想要,我认为您最好的选择是伪造它。在这种情况下,将width设置为0应该就足够了,但我还将背景颜色更改为完全透明。div{background:gray;height:200px;overflow-y:scroll;}p{border-bottom:1px